<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">
	<h:head>
		<ui:include src="/resources/templates/cssMenuICON.xhtml" />
	</h:head>
	
	<h:body>
		<!-- Usado para colocar métodos que disparam um evento inicial quando pagina iniciar (onload) -->
		<ui:insert name="preRenderView" />

		<div style="height: 40px;" />

		<h:panelGroup layout="block" styleClass="centerParent"  style="width:100%;" >
			<h:panelGroup style="width:935px" styleClass="center" layout="block">

				<h:panelGroup layout="block" styleClass="centerParent">

					<!-- IMAGEM SLIDE -->
					<h:panelGroup layout="block" styleClass="floatLeft divSlideImagem">
						<p:imageSwitch effect="fade" speed="10000" style="background:#3675B1;">
							<ui:repeat value="#{loginBean.listaImagem}" var="image">
								<p:graphicImage library="imagens" name="#{image}" style="width:475px;height:340px;" />
							</ui:repeat>
						</p:imageSwitch>

						<h:panelGroup layout="block" styleClass="text">
							<h1>
								<h:outputText value="#{i18n['login.text.welcome']}" />
							</h1>
						</h:panelGroup>
					</h:panelGroup>

					<!-- LOGIN -->
					<div style="width: 420px;" class="floatLeft">
						<div style="height: 40px;" />
						<div style="width: 100px; height: 370px" class="floatLeft" />

						<h:panelGroup layout="block" style="width: 320px;"
							styleClass="floatLeft login">

							<div style="text-align: center;">
								<!-- LOGO SISTEMA -->
								<ui:insert name="logoSistema" />
							</div>
							<div style="height: 40px;" />

							<h:form id="loginForm">
								<p:messages closable="true" />
								
								<!-- FORM LOGIN -->
								<ui:insert name="loginForm" />
							</h:form>

							<div style="height: 25px;" />

							<h:form>
								<ui:insert name="outrasAcoesLogin"/>
							</h:form>

						</h:panelGroup>
					</div>
				</h:panelGroup>

				<h:panelGroup layout="block" style="height:50px;clear:both;" />

				<h:panelGroup layout="block" styleClass="footer">
					<h:panelGroup style="float:left;">
					</h:panelGroup>

					<h:panelGroup style="float:right;">
						<h:outputText value="#{i18n['nomeSistema']} #{i18n['versao']}" />
					</h:panelGroup>
				</h:panelGroup>
			</h:panelGroup>

			<ui:insert name="dialogos" />
			
		</h:panelGroup>
	</h:body>
</f:view>
</html>